<!DOCTYPE html>
<html>
<head>
	<title>微博书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	 <link rel="stylesheet" href="../css/normalize.css" type="text/css">
	 <link rel="stylesheet" href="../css/list.css" type="text/css">
	  <script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
	 <script type="text/javascript">
		!function(a,b){function c(){var b=f.getBoundingClientRect().width;b/i>540&&(b=540*i);var c=b/10;f.style.fontSize=c+"px",k.rem=a.rem=c}var d,e=a.document,f=e.documentElement,g=e.querySelector('meta[name="viewport"]'),h=e.querySelector('meta[name="flexible"]'),i=0,j=0,k=b.flexible||(b.flexible={});if(g){console.warn("将根据已有的meta标签来设置缩放比例");var l=g.getAttribute("content").match(/initial\-scale=([\d\.]+)/);l&&(j=parseFloat(l[1]),i=parseInt(1/j))}else if(h){var m=h.getAttribute("content");if(m){var n=m.match(/initial\-dpr=([\d\.]+)/),o=m.match(/maximum\-dpr=([\d\.]+)/);n&&(i=parseFloat(n[1]),j=parseFloat((1/i).toFixed(2))),o&&(i=parseFloat(o[1]),j=parseFloat((1/i).toFixed(2)))}}if(!i&&!j){var p=(a.navigator.appVersion.match(/android/gi),a.navigator.appVersion.match(/iphone/gi)),q=a.devicePixelRatio;i=p?q>=3&&(!i||i>=3)?3:q>=2&&(!i||i>=2)?2:1:1,j=1/i}if(f.setAttribute("data-dpr",i),!g)if(g=e.createElement("meta"),g.setAttribute("name","viewport"),g.setAttribute("content","initial-scale="+j+", maximum-scale="+j+", minimum-scale="+j+", user-scalable=no"),f.firstElementChild)f.firstElementChild.appendChild(g);else{var r=e.createElement("div");r.appendChild(g),e.write(r.innerHTML)}a.addEventListener("resize",function(){clearTimeout(d),d=setTimeout(c,300)},!1),a.addEventListener("pageshow",function(a){a.persisted&&(clearTimeout(d),d=setTimeout(c,300))},!1),"complete"===e.readyState?e.body.style.fontSize=12*i+"px":e.addEventListener("DOMContentLoaded",function(){e.body.style.fontSize=12*i+"px"},!1),c(),k.dpr=a.dpr=i,k.refreshRem=c,k.rem2px=function(a){var b=parseFloat(a)*this.rem;return"string"==typeof a&&a.match(/rem$/)&&(b+="px"),b},k.px2rem=function(a){var b=parseFloat(a)/this.rem;return"string"==typeof a&&a.match(/px$/)&&(b+="rem"),b}}(window,window.lib||(window.lib={}));</script>
	<style type="text/css">
		body{
	font-family:PingFangSC-Regular;
}
.center_zhao{
	width: 100%;
	height:100%;
	position: relative;
	}

	</style>

</head>
<body>
	<div class="container">
		<div class="list_time">
			<div class="list_time_center">
				<div class="list_top">
					<div class="list_text">
						<div class="list_text_top clear">
							<div class="text_list"><h5>目录</h5></div>
							<div class="text_img"><img src="../images/wechat_ book_edit_catalog_shut_down_icon.png" style="width:0.8rem;height:0.8rem;padding-top:0.133333rem;"></div>
						</div>
						<div class="feng">
							<img src="../images/feng.png" style="width:1.44rem;height:0.933333rem;">
						</div>
					</div>
					<div class="time">
						<div class="time_num">
							<ul class="clear">
								<h4 class="year">2014</h4>
								<li class="month month_color">1月</li>
								<li class="month">2月</li>
								<li class="month">3月</li>
								<li class="month">4月</li>
								<li class="month">5月</li>
								<li class="month">6月</li>
								<li class="month">7月</li>
								<li class="month">8月</li>
								<li class="month">9月</li>
								<li class="month">10月</li>
								<li class="month">11月</li>
								<li class="month">12月</li>
							</ul>

							<ul>
								<h4 class="year">2014</h4>
								<li class="month">1月</li>
								<li class="month">2月</li>
								<li class="month">3月</li>
								<li class="month">4月</li>
								<li class="month">5月</li>
								<li class="month">6月</li>
								<li class="month">7月</li>
								<li class="month">8月</li>
								<li class="month">9月</li>
								<li class="month">10月</li>
								<li class="month">11月</li>
								<li class="month">12月</li>
							</ul>

							<ul>
								<h4 class="year">2014</h4>
								<li class="month">1月</li>
								<li class="month">2月</li>
								<li class="month">3月</li>
								<li class="month">4月</li>
								<li class="month">5月</li>
								<li class="month">6月</li>
								<li class="month">7月</li>
								<li class="month">8月</li>
								<li class="month">9月</li>
								<li class="month">10月</li>
								<li class="month">11月</li>
								<li class="month">12月</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="list_bot">
				</div>
			</div>
		</div>
	 	<div class="center_container">
	 	<div class="center_zhao">
			<div class="edit_container">
			</div>
			<div class="list_container">
				<div class="list-top">
					<div class="no">
						<img src="../images/edit_close_icon.png" style="width:1.28rem;height:1.28rem">
					</div>
					<div class="icon_top">
						<ul style="margin-bottom:0.533333rem;">
							<li><a href="" style="font-size: 0.426667rem;color: #828282;">内容编辑</a></li>
							<li><a href=""><img src="../images/edit_modify_the_content_icon.png"><strong>修改内容</strong>
							</a>
							</li>
							<li><a href=""><img src="../images/edit_restore_content_icon.png"><strong>恢复内容</strong>
							</a>
							</li>
							<li><a href=""><img src="../images/edit_to_add_on_icon.png"><strong>补充内容</strong>
							</a>
							</li>
							<li><a href=""><img src="../images/edit_choose_the_year_icon.png"><strong>选择月年</strong>
							</a>
							</li>
						</ul>

						<ul>
								<li><a href="" style="font-size: 0.426667rem;color: #828282;">样式编辑</a></li>
								<li class="clear"><a href=""><img src="../images/edit_switch_the_cover_image_icon.png"><strong>切换封面图片</strong>
								</a>
								</li>
								<li class="clear"><a href=""><img src="../images/edit_modify_the_cover_icon.png"><strong>修改封面</strong>
								</a>
								</li>
								<li class="clear"><a href=""><img src="../images/edit_more_settings_icon.png"><strong>更多设置</strong>
								</a>
								</li>
							</ul>
					</div>
				</div>
				<div class="list-bot">
					<!-- <div class="icon_bot">

					</div> -->
					<div class="back clear">
						<div class="edit_share">
							<img src="../images/edit_share_icon.png"><a href="">分享好友</a>
						</div>
						<div class="edit_return"><img src="../images/edit_return_bookshelf_icon.png"><a href="">返回书架</a></div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<div class="main">
			<div class="center">
				<div class="text">
					<div class="textname">
						<h4 style="text-align:right;font-family: ~Qx~A;font-size: 0.586667rem;color: #3C3C3C;font-weight:normal;">我们的往日时光</h4>
						<p style="text-align:right;line-height:0.533333rem">请叫我宝宝哥·作品</p>
					</div>
				</div>
				<div class="book">
					<div class="bookimg">
						<img src="../images/1502337194(1).jpg" style="width:100%;height:100%;">

					</div>
					<div class="booktext">优忆库-忆书·出品</div>
				</div>
			</div>

			<div class="center">
				<div class="text">
					<div class="textname">
						<h4 style="text-align:right;font-family: ~Qx~A;font-size: 0.586667rem;color: #3C3C3C;font-weight:normal;">我们的往日时光</h4>
						<p style="text-align:right;line-height:0.533333rem">请叫我宝宝哥·作品</p>
					</div>
				</div>
				<div class="book">
					<div class="bookimg">
						<img src="../images/1502337194(1).jpg" style="width:100%;height:100%;">

					</div>
					<div class="booktext">优忆库-忆书·出品</div>
				</div>
			</div>

		</div>

		<div class="footer">
			<div class="radius"></div>
			<div class="footer-img">
				<div class="edit"><img src="../images/edit_edit_btn_nor.png" style="height:100%;width:100%;"></div>
				<div class="list-img"><img src="../images/wechat_ book_edit_catalog_icon_nav_nor.png" style="width:1.066667rem;height:1.066667rem;"><a style="display:block;width:100%;height:0.4rem;font-size: 10px;color: #5BC7B8;">目录</a></div>
				<div class="buy"><img src="../images/edit_buy_btn_nor.png" style="height:100%;width:100%;"></div>
			</div>
		</div>
	</div>

</body>
	 <script type="text/javascript" src="../js/list.js">

	 </script>
	 <script type="text/javascript">
	 </script>
</html>